.title-bar {
  margin: 0 16rpx;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  .title {
    margin: 16rpx 0;
    color: #fff;
    background-color: $c-main;
    line-height: 40rpx;
    padding: 16rpx 40rpx;
    border-radius: 40rpx;
    font-size: $fs-lg;
  }
}
.month-caption {
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 8rpx 40rpx;
  padding: 8rpx;
  .item {
    font-size: $fs-lg;
    border-bottom: 4rpx solid #fff;
    margin-right: 30rpx;
    color: $u-main-color;
    &.current-month {
      font-weight: bold;
      border-bottom: 4rpx solid $c-main;
    }
  }
}

.week {
  display: flex;
  justify-content: space-between;
  padding: 1rpx;
  .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 106rpx;
    font-size: $fs-sm;
    color: #bbb;
    margin-bottom: 1rpx;
  }
  .date-item {
    height: 108rpx;
    &.current {
      background-color: $c-main;
      border-radius: 8rpx;
      color: #fff;
      .date {
        font-weight: bold;
      }
    }
  }
}

.week-caption {
  background-color: #f5f7fb;
  font-size: $fs-sm;
  padding: 16rpx 0;
  .item {
    color: #aaa;
  }
}

.start-info {
  margin: 16rpx 24rpx;
  font-size: $fs-sm;
  color: $u-tips-color;
  display: flex;
  align-items: center;
  .date {
    font-size: $fs-lg;
    font-weight: bold;
    color: $u-main-color;
    margin: 0 16rpx;
  }
}

.price-bar {
  margin: 0 24rpx 16rpx;
  font-size: $fs-md;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: $u-main-color;
  .right {
    display: flex;
    align-items: center;
    color: $c-main;
    .price {
      margin-right: 24rpx;
    }
    .uni-numbox__minus {
      border-radius: 24rpx 0 0 24rpx;
    }
    .uni-numbox__plus {
      border-radius: 0 24rpx 24rpx 0;
    }
    .uni-numbox__value {
      border: 1px solid #e5e5e5;
      border-width: 1px 0;
      background-color: #fff !important;
      margin: 0;
    }
    .uni-numbox-btns {
      border: 1px solid #e5e5e5;
      background-color: #fff !important;
      text {
        color: $c-main !important;
      }
    }
  }
}

.single-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f9d39f;
  color: $c-main;
  padding: 16rpx;
  font-size: $fs-lg;
  line-height: 1.6em;
  .hx-idea {
    background-color: $c-main;
    color: #fff;
    border-radius: 50%;
  }
}
